<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>病例详情</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel="stylesheet" href="fonts/iconfont.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/mui.css">
    <link rel="stylesheet" href="css/checklist.css">
</head>

<body>
<div id="Hospital-content">
    <!--头部diagnose-->
    <div class="Hospital-examine"><a class="iconfont icon-zuo " ></a><span>血常规</span></div>
    <div class="Hospital-time">
        <div class="mui-content">
            <div class="mui-card">
                <ul class="mui-table-view mui-table-view-chevron" id="chechUl">

                </ul>
            </div>
        </div>
    </div>
</div>
<div class="spinner">
    <div class="double-bounce1"></div>
    <div class="double-bounce2"></div>
</div>
<script src="js/jquery.js"></script>
<script src="js/rem.js"></script>
<script src="js/fastclick.js"></script>
<script src="js/mui.js"></script>
<script src="js/checklist.js"></script>
<script>
    mui.init({
        swipeBack:true //启用右滑关闭功能
    });
    window.addEventListener('toggle', function(event) {
        if (event.target.id === 'M_Toggle') {
            var isActive = event.detail.isActive;
            var table = document.querySelector('.mui-table-view');
            var card = document.querySelector('.mui-card');
            if (isActive) {
                card.appendChild(table);
                card.style.display = '';
            } else {
                var content = document.querySelector('.mui-content');
                content.insertBefore(table, card);
                card.style.display = 'none';
            }
        }
    });
</script>
<script src="js/template.js"></script>
<script type=text/html id="temUl">
    <li class="mui-table-view-cell mui-collapse datali">
        <a class="mui-navigate-right first" href="#">
            <b>检查日期:</b><span id="sky">{{item[0].dCheckDate.substring(0,10)}}</span>
        </a>
        <ul class="mui-table-view mui-table-view-chevron">
            <li class="mui-table-view-cell">
                <a href="javascript:void(0);">
                    <div class="Hospital-content-viewl fl">项目名</div>
                    <div class="Hospital-content-viewr fr">检查结果</div>
                </a>
            </li>
    {{each item as value i}}
            <li class="mui-table-view-cell">
                <div class="Hospital-consult">
                    正常范围:{{value.sRangeText}}
                </div>
                <span class="iconfont icon-iconbangzhu Hospital-normal"></span>
                <a class="mui-navigate-right" href="javascript:void(0)"; data-abc="{{value.iAbnormal}}" id="num">
                    <div class="Hospital-content-viewl fl">{{value.sCollectionBillTerm}}</div>
                    <div class="Hospital-content-viewr fr" >
                        <img src="img/c-03.png" alt="">
                        <span>{{value.sCollectionBillValue}}</span>
                    </div>
                </a>
            </li>
    {{/each}}
        </ul>
    </li>
</script>
</body>

</html>